<!-- 头部 -->
<!--[if lt IE 8]>
<div class="alert alert-danger" style="margin-bottom: 0">{:lang('_TIP_BROWSER_DEPRECATED_1_')} <strong>{:lang('_TIP_BROWSER_DEPRECATED_2_')}</strong>
    {:lang('_TIP_BROWSER_DEPRECATED_3_')} <a target="_blank"
                                          href="http://browsehappy.com/">{:lang('_TIP_BROWSER_DEPRECATED_4_')}</a>
    {:lang('_TIP_BROWSER_DEPRECATED_5_')}
</div>
<![endif]-->
    <nav class="navbar navbar-default navbar-fixed bootsnav">

        <div class="container">
            <!-- Start Header Navigation -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu" aria-expanded="false">
                    <i class="icon icon-bars"></i>
                </button>
                <a class="navbar-brand" href="{:url('/')}"><img src="{$logo}" class="logo" alt=""></a>
            </div>
            <!-- End Header Navigation -->
            <div class="attr-nav">
                <ul>
                    <!--登陆面板-->
                    {if condition="is_login()"}
                    <!--登陆状态-->
                        <li >
                            <a id="messages_btn" data-role="open-slider-box" data-url="{:url('ucenter/Message/messagetypelist')}" data-toggle="modal" data-target="#msgModal" class="dropdown-toggle text-left" >
                                <span class="icon-bell"></span>
                                <span id="nav_bandage_count"  style="display: none" class="label label-danger" data-role="now-message-num"></span>
                            </a>
                        </li>
                        <li class="top_spliter"></li>
                        <li class="dropdown">

                            <a role="button" class="dropdown-toggle dropdown-toggle-avatar" data-toggle="dropdown">
                            <img src = "{$common_header_user.avatar32}" class="avatar img-circle"/>
                                {$common_header_user.nickname}&nbsp;<i class="icon-chevron-down"></i>
                            </a>
                            <ul class="dropdown-menu pull-right" role="menu">
                                {volist name="user_nav" id="vo"}
                                <li>
                                    <a target="{eq name='vo.target' value='1'}_blank{else/}_self{/eq}" href="{:get_nav_url($vo['url'])}">
                                        <i class="fa fa-{$vo.icon} icon-{$vo.icon}"></i>
                                        <span>{$vo.title}</span> 
                                        {notempty name="vo.band_text"}
                                        <span class="label label-badge rank-label" title="{$vo.band_text}">
                                            {$vo.band_text}
                                        </span>
                                        {/notempty}
                                    </a>
                                </li>
                                {/volist}

                                {:hook('personalMenus')}
                                {if condition="check_auth('admin/Index/index')"}
                                <li>
                                    <a href="{:url('admin/Index/index')}" target="_blank">
                                        {:lang('_MANAGE_BACKGROUND_')}
                                    </a>
                                </li>
                                {/if}
                                <li>
                                    <a event-node="logout" data-url="{:url('ucenter/Member/logout')}">
                                        {:lang('_LOGOUT_')}
                                    </a>
                                </li>
                            </ul>
                        </li>
                    {else/}
                        <li class="">
                            {if condition="$open_quick_login"}
                                <a data-login="quick_do_login" data-remote="{:url('ucenter/Member/quickLogin')}" data-toggle="modal">{:lang('_LOGIN_')}</a>
                            {else/}
                                <a data-login="do_login" href="{$login_url}">{:lang('_LOGIN_')}</a>
                            {/if}
                        </li>
                        {if condition="$only_open_register eq 0"}
                        <li class="">
                            <a data-role="do_register" href="{:url('ucenter/Member/register')}">{:lang('_REGISTER_')}</a>
                        </li>
                        {/if}
                    {/if}
                </ul>
            </div>
            
            <div class="collapse navbar-collapse" id="navbar-menu" aria-expanded="false">
                <ul class="nav navbar-nav navbar-left" data-in="fadeIn" data-out="fadeOut">
                    {volist name="nav" id="nav"}
                        {neq name="nav['_']" value=""}
                            <li class="dropdown">
                                <a title="{$nav.title}" class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    {$nav.title} 
                                   <i class="icon-caret-down"></i>
                                </a>
                                <ul class="dropdown-menu animated">
                                    {volist name="nav._" id="subnav"}
                                        <li>
                                        <a role="menuitem" tabindex="-1"
                                           style="color:{$subnav.color}"
                                           href="{$subnav.url|get_nav_url}"
                                           target="{eq name='subnav.target' value='1'}_blank{else/}_self{/eq}">
                                           <i class="icon-{$subnav.icon}"></i> {$subnav.title}
                                        </a>
                                        </li>
                                    {/volist}
                                </ul>
                            </li>
                            {else/}
                            <li class="{eq name='nav.url|get_nav_active' value='1'}active{else/}{/eq}">
                                <a title="{$nav.title}" href="{$nav.url|get_nav_url}"
                                   target="{eq name='nav.target' value='1'}_blank{else/}_self{/eq}">
                                    <span>{$nav.title}</span>
                                    <span class="label label-badge rank-label" title="{$nav.band_text}">{$nav.band_text}</span>
                                </a>
                            </li>
                        {/neq}
                    {/volist}
                </ul>
            </div>
        </div>   
    </nav>

    <!-- /头部 -->